<template>
	<view>
		<uv-navbar :title="info.title" @leftClick="leftClick"></uv-navbar>
		<view class="list">
			<view class="item" v-for="(item,index) in info?.questions" :key="index">{{item}}</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		data
	} from '@/static/interview-data/index.js'

	const info = ref({})
	onLoad((e) => {
		const record = data.find((item) => item.id == e.id)
		record && (info.value = record)
	})

	const leftClick = () => {
		uni.navigateBack()
	}
</script>

<style lang="scss">
	.list {
		padding: 0 20rpx;
		margin-top: 128rpx;

		.item {
			margin: 10rpx 0;
			color: $second-primary-color;
		}
	}
</style>